body {
   height: 100vh;
   display: flex;
   flex-direction: column;
}
.subject_sas {
   width: 1286px;
   margin: auto;
}
main {
   width: 100%;
   flex: 1;
   background-image: url(../image/登录背景.jpg);
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center;
   display: flex;
   align-items: center;
   justify-content: space-between;
   .subject_sas {
      display: flex;
      align-items: center;
      justify-content: space-between;
      .Layout_Center1 {
         width: 419px;
         height: 376px;
         color: #fff;

         h4 {
            font-size: 25px;
            font-weight: initial;
            margin: 32px 0px 8px 0px;
         }
         p {
            margin: 0;
            line-height: 34px;
         }
         .agree-btn {
            user-select: none;
            cursor: pointer;
            display: inline-block;
            margin-top: 64px;
            color: #fc5531;
            border: 1px solid #fc5531;
            border-radius: 24px 24px;
            padding: 10px 36px;
            .agree-flex {
               display: flex;
               .jlimg {
                  display: inline-block;
                  width: 24px;
                  height: 24px;
                  background-image: url(../image/点赞.png);
                  background-size: 18px;
                  margin-left: 6px;
               }
            }
         }
      }
   }
   .Layout_Center2 {
      width: 400px;
      height: 430px;
      background-color: #ebecef;
      border-radius: 8px 8px;
      display: flex;
      // align-items: center;
      justify-content: center;
      .Touch_plate {
         width: 330px;
         height: 248px;
         margin-top: 48px;
         // background-color: blueviolet;

         .Touch_plate_top {
            width: 100%;
            // height: 30px;
            display: flex;
            justify-content: center;
            span {
               margin: 0 24px;
               display: inline-block;
               line-height: 30px;
               // height: 30px;
               color: #999aaa;
               font-weight: bold;
               text-align: center;
               display: flex;
               flex-direction: column;
               align-items: center;
               cursor: pointer;
               .d {
                  visibility: hidden;
                  display: block;
                  width: 16px;
                  height: 3px;
                  background-color: #222226;
               }
               &.active {
                  color: #222226;
                  .d {
                     visibility: initial;
                  }
               }
            }
         }
         .Touch_plate_input {
            margin-top: 32px;
            width: 100%;
            height: 184px;
            .y {
               background-color: #fc5531 !important;
               &:hover {
                  background-color: #f63d15 !important;
               }
            }
            .tips {
               height: 22px !important;
               background-color: #00000000 !important;
               color: #f63d15 !important;
               font-size: 12px;
               margin-top: 12px;
            }
            .register {
               .Touch_plate_input_code {
                  display: flex;
                  input {
                     flex: 1;
                  }
                  button {
                     width: 80px;
                     cursor: pointer;
                     background-color: #fff;
                     color: #222226;
                  }
               }
            }
            .register,
            .Sign_in {
               display: none;
               .Touch_plate_input_button {
                  background-color: #ee9b86;
                  outline: none;
                  text-align: center;
                  // border-radius: ;
                  button {
                     width: 100%;
                     height: 100%;
                     background-color: #00000000;
                     color: #f5f6f7;
                     font-size: 16px;
                  }
               }
               div {
                  width: 100%;
                  height: 42px;
               }
               .inp {
                  background: #f5f6f7;
                  color: #222226;
                  box-sizing: border-box;
                  border: 1px solid #e8e8ed;
                  border-radius: 2px;
                  margin-top: 16px;
                  input {
                     width: 100%;
                     height: 100%;
                     line-height: 40px;
                     padding-left: 12px;
                     box-sizing: border-box;
                  }
               }
            }
         }
      }
   }
}
.dis {
   display: block !important;
}
